$(document).ready(function(){
	$("#username").keyup(function(){
		$(".friendlist").css("display","block");
		if("" == $(this).val()){
			$(".friendlist").css("display","none");
		}else{
			var friendname = $(this).val();
			$(".friendname").each(function(){
				$(this).css("display","none");
				var text = $(this).text();
				if(text.indexOf(friendname) != -1){
					$(this).css("display", "block");
				}
			});
		}
	})
	/*
	$("#username").blur(function(){
		$(".friendlist").css("display","none");
	})
	*/
	$(".friendname").each(
		function(){
			$(this).mouseover(function(){  
				$(this).addClass("over");}).mouseout(function(){ 
                 	$(this).removeClass("over");});
           	$(this).click(function(){
           		$("#username").val($(this).text());
           		$("#userid").val($(this).attr("id"));
           		$(".friendlist").css("display","none");
           	})
		}
	);
});